<template>
	<up-titles :list="list" :index="index"></up-titles>
</template>

<script lang="ts" setup>
import { UpTitles } from '@/components/up'
import { ref } from 'vue'
defineProps({
	index: {
		type: Number,
		default: 0
	}
})
const list = ref([
	{
		titleT: 'sports.titlePopular',
		icon: 'fire',
		iconColor: 'var(--color-danger)'
	},
	{
		titleT: 'sports.titleUpcoming',
		icon: 'zd-plan',
		iconColor: 'var(--color-info)'
	}
])
</script>
